<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量的访问机制</title>
</head>
<body>
    <script>
        //变量的访问 

        // 首先在自己的作用域查找  如果有 那么直接使用 
        // 如果没有自动到父作用域查找 父作用域有 那么就使用
        // 如果还没有 再往上一级 直到全局作用域 发现还没有 那么 报错
        // xx is not defined 


        // var n = 100;
        function fn2(){
            // var n = 200;
            function fn3(){
                // var n = 300;
                console.log(n);

            }
            fn3();
        }


        // fn2()
        // fn3()
        fn2()


    </script>
</body>
</html>